{% load staticfiles %}
<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>
		首页
	</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>

	<link href="{% static '../static/css/styles.css' %}" rel="stylesheet">
	<link href="{% static '../static/css/view.css' %}" rel="stylesheet">
	<!-- 返回顶部调用 begin -->
	<link href="{% static '../static/css/lrtk.css' %}" rel="stylesheet"/>
	<script type="text/javascript" src="{% static '../static/js/jquery.js' %}"></script>
	<script type="text/javascript" src="{% static '../static/js/js.js' %}"></script>

	<style type="text/css">
		header nav ul li .user_login {
			color: white;
			font-size: 20px;
			float: right;
			padding: 0 10px;
			display:block;
			margin: 0;
		}

		header nav ul li .logout{
			font-size: 14px;
			float: right;
			padding: 0 10px;
			margin: 0;
		}
		header nav ul li .line_logout{
			font-size: 14px;
			float: right;
			color: white;

			padding: 0;
		}
	</style>
	<!-- 返回顶部调用 end-->
	<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
	<nav id="nav">
		<ul>
			<li><a href='/'>首页</a></li>

			<li><a href='{% url "front:world" %}'>世界</a></li>
			<li><a href='#'>HTML5 / CSS3</a></li>
			<li><a href='#'>慢生活</a></li>

			<li><a href='#'>碎言碎语</a></li>
			<li>
				<span><a href="{% url 'user:logout' %}" class="logout"> 注销</a></span>
				<span class="line_logout">/</span>
				<a href="#" class="user_login">
					{% if username %}
					{{ username }}
					{% endif %}
				</a>

			</li>


		</ul>
		<script src="{% static '../static/js/silder.js' %}"></script><!--获取当前页导航 高亮显示标题-->
	</nav>
</header>

<!--header end-->
<div id="mainbody">
	<div class="blogs">
		<div class="newlist">
			<h2 style="font-family:宋体; font-size:12px;">
				您当前的位置：{{ where }}
			</h2>

			{% block pages %}
			
			{% endblock %}
			<div class="pages">
				<li><span class="pageinfo">共 <strong>1</strong>页<strong>3</strong>条记录</span></li>

			</div>
		</div>
		<!--bloglist end-->
		<aside>
			<div class="search">
				<form class="searchform" name="formsearch" action="/plus/search.php">
					<input type="hidden" name="kwtype" value="0"/>
					<input name="q" type="text" id="search-keyword" value="输入关键词后按回车..."
					       onfocus="if(this.value=='输入关键词后按回车...'){this.value='';}"
					       onblur="if(this.value==''){this.value='输入关键词后按回车...';}"/>
				</form>
			</div>
			<div class="viny">
				<dl>
					<dt class="art"><img src="../static/images/artwork.png" alt="专辑"></dt>
					<dd class="icon-song"><span></span>别</dd>
					<dd class="icon-artist"><span></span>歌手：薛之谦</dd>
					<dd class="icon-album"><span></span>所属专辑：未知</dd>
					<dd class="icon-like"><span></span><a href="javascript:;">喜欢</a></dd>
					<dd class="music">

					</dd>
					<!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
				</dl>
			</div>
			<div class="tuijian">
				<h2>推荐文章</h2>
				<ol>
					<li><span><strong>1</strong></span><a href="/a/HTML/10.html">暂无</a></li>
					<li><span><strong>2</strong></span><a href="/a/HTML/9.html">暂无</a></li>
					<li><span><strong>3</strong></span><a href="/a/HTML/8.html">暂无</a></li>

				</ol>
			</div>
			<div class="toppic">
				<h2>图文并茂</h2>
				<ul>
					<li style="margin:10px 0;"><a href="#"><img
							src="../static/images/1-16031321210YO-lp.jpg">暂无
						<p>查看详细</p>
					</a></li>
					<li style="margin:10px 0;"><a href="#"><img
							src="../static/images/1-15052Z014400-L.jpg">暂无
						<p>查看详细</p>
					</a></li>
					<li style="margin:10px 0;"><a href="#"><img
							src="../static/images/00135Q956-0-lp.jpg">暂无
						<p>查看详细</p>
					</a></li>

				</ul>
			</div>
			<div class="clicks">
				<h2>热门点击</h2>
				<ol>
					<li><span><a href='#'>HTML5 / CSS3</a></span><a href="#">暂无</a>
					</li>
					<li><span><a href='#'>HTML5 / CSS3</a></span><a href="#">暂无</a>
					</li>
					<li><span><a href='#'>HTML5 / CSS3</a></span><a href="#">暂无</a>
					</li>

				</ol>
			</div>
		</aside>
	</div>
	<!--blogs end-->
</div>
<!--mainbody end-->
<footer>
	<div class="footer-mid"></div>
	<div class="footer-bottom">
		<p>Copyright &copy; 2018-2019 王哥 版权所有 苏ICP1234567号 站长统计</p>
	</div>
</footer>

<div id="tbox"><a id="gotop" href="javascript:void(0)"></a></div>
<!-- 代码结束 -->


</body>

</html>